<template>
	<div id="tmp">
		<div class="title">
			<h4 v-text="info.title"></h4>
			<p>{{ info.add_time | datefmt('YYYY-MM-DD') }} {{info.click}}次浏览</p>
		</div>
		<div id="content" v-html="info.content"></div>
		<comment :id="id"></comment>
	</div>
</template>
<script type="text/javascript">
	import { Toast } from 'mint-ui';
	import common from '../../kits/common.js';
	import comment from '../subcom/comment.vue';
	export default {
		components: {
			comment
		},
		data() {
			return {
				id: 0,
				info: {

				}
			}
		},
		created() {
			this.id = this.$route.params.id;
			this.getInfo();
		},
		methods: {
			getInfo() {
				var url = common.apidomain+"/api/getnew/" + this.id;
				this.$http.get(url)
					.then(function(res) {
						var data = res.body;
						if(data.status != 0) {
							Toast(body.message);
							return;
						}
						this.info = data.message[0];
					})
			}
		}
	}
</script>
<style>
	.title h4 {
		margin-top: 10px;
		color: #0094ff;
		line-height: 24px;
	}
	
	.title p {
		margin-top: 16px;
		margin-bottom: 0;
		color: rgba(0, 0, 0, 0.5);
	}
	
	.title,
	#content {
		padding: 5px;
	}
</style>